/***************start portfolio**********/
.container { position: relative; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#filters {margin:3% 1%;padding:0;list-style:none;}
#filters li {float:left;}
#filters li span {display: block;padding: 10px 30px;text-decoration: none;color: #B9B9B9;cursor: pointer;font-size: 0.85em;
	text-transform: capitalize;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#filters li span:hover{background:#EA5A4B;color:#fff;}
#filters li span.active {background:#EA5A4B;color:#fff;}
.typo1 {position:relative;height:100%;}
.portfolio-bg {position:absolute;height:100%;width:100%;z-index:0;border-top:1px solid #E4E4E4;top:40px;}
.isotope-item { z-index: 2; list-style:none;}
.isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope{margin-top:1.6em !important;}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.in_prolist #container{height:650px !important;}
#container {margin: 0 auto 40px;}
.element { width:260px;height:300px;float: left;text-align:center; overflow: hidden;position: relative;margin:7.5px;border:6px solid #EEEEEE;background:#EEEEEE;}
#options {text-align:center;}
#options ul {margin: 0; list-style: none; display:inline-block;}
#options li {float: inline-block;}
#options li a {display: block;color:#666666;font-size:14px;
	cursor: pointer;text-align:center;padding:10px 20px;border-left:1px solid #E4E4E4;transition: 0.5s all;
	-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}
	.entry-categories a{color:#fff;display:block;padding:0 5%;}
#nivo-lightbox-demo span{padding: 5px 10px;border: 2px solid #ffffff;	border-radius: 2em;	color: #fff;}


.grid figure {margin:0;position: relative;text-align:center;}
.grid figure img {width:100%;display: block;position: relative;}

.grid figcaption a{display:block;}
.grid figcaption h3 {margin: 20px 0 5px;padding: 0;color: #fff;font-size:1em;line-height:1.2em;}
.grid figcaption h3 a {	color:#fff;}
.grid figcaption footer {position:absolute;bottom:55px;text-align:center;width:100%;}
.cs-style-5 figure img {z-index: 10;-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {-webkit-transform: scale(0.4);-moz-transform: scale(0.4);-ms-transform: scale(0.4);transform: scale(0.4);}
.cs-style-5 figcaption {height: 100%;width: 100%;opacity: 0;filter: alpha(opacity=0);
	-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s;}
.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {-webkit-transform: scale(1);-moz-transform: scale(1);
	-ms-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}

.pro_class{width:100%;border-top:1px solid #E4E4E4;position:relative;}
.pro_class .col-md-1{width:9%;}
.pro_class a:hover{color:#f5fec8;}